import React from 'react'
import styles from './style.css'
import MyIconImage from "../../MyIconImage";

export class ShowListItem extends React.Component {
    constructor(props) {
        super()
        this.state = {}
    }


    render() {
        var user = this.state.user
        return <div className={styles.ShowListItem}>
            {
                this.props.leftIcon && <div className={styles.leftIcon}>
                    <MyIconImage image={this.props.leftIcon}/>
                </div>
            }
            <div className={styles.center}>
                {this.props.children}
            </div>

            {
                this.props.rightIcon && <div className={styles.rightIcon}>
                    <MyIconImage image={this.props.rightIcon}/>
                </div>
            }
        </div>
    }
}

ShowListItem.defaultProps = {
    leftIcon: "",
    rightIcon: ""
}
export default ShowListItem